
.btn-search{
    width:32px;
    height:32px;
    margin-top: 14px;
    background: url(img/btn-search-white.png) no-repeat right 0;
    -webkit-transition: all linear .3s;-moz-transition: all linear .3s;-o-transition: all linear .3s;transition: all linear .3s;
    position: relative;
    cursor: pointer;
}
.search-layout{
    display: inline-block;
    width: 300px;
    padding: 20px;
    position: absolute;
    top:38px;
    left:-40px;
    background: #fff;
    border:1px solid #eaeaea;
    border-radius: 8px;
}
.search-layout:before{
    content: "";
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    top: -8px;
    left:44px;
}
.search-box{
    border: 1px solid #e8e8e8;
    width: 100%;
    height: 40px;
}
.search-box input{
    display: inline;
    float: left;
    height:40px;
    padding: 4px;
    width: 210px;
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
}
.search-box .btn{
    display: inline;
    float: right;
    width: 38px;
    height: 38px;
    background: url(img/btn-search-white.png) no-repeat center center #40aba5;
}
.search-show{
    display: inline-block;
    width: 100%;
    border: 1px solid #eee;
    border-top:none;
}
.search-ul,.search-ul-logs{
    padding:0 10px;
    border-bottom: 1px solid #eee;
}
.search-ul{
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-ul a{ color: #333; padding: 0;}
.search-ul a span,.search-ul-logs .mess span{ color: #d9534f}
.search-ul a:hover{ color: #40aba5;}
.search-ul a:active{ color: #999; text-decoration: none;}
.search-ul a:visited{ color: #999; text-decoration: none;}
.search-ul-logs{ font-size: 14px;  }
.search-ul-logs a.message{display:block; padding:10px 0;}
.search-ul-logs .name{ color: #333;}
.search-ul-logs .time{ color: #999;}
.search-ul-logs .mess{
    border-radius: 5px;
    padding: 6px;
    color: #666;
    position: relative;
    background: #f4f4f4;
    word-break: break-all;
    word-wrap: break-word;
}
.search-ul-logs .mess:before{
    content: "";
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #f4f4f4;
    position: absolute;
    top: -8px;
    left:12px;
}
.search-ul-logs:hover{ background: #f9fcfd;}
.search-label{
    display: block;
    padding: 10px;
}
.search-label a{ padding: 4px; margin: 0 4px;font-size: 14px; color: #fff; background: #fc8c84}

.s-main{ padding-top: 51px;}
/*search main*/
.search_nav{margin:80px 0 15px;height:40px;}
.search_navcon{width:620px;display:table;margin:0 auto;}
.search_navleft{border:1px solid #b8c4ce;border-top-left-radius:2px;border-bottom-left-radius:2px;border-right:0;float:left;width:520px;height:40px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.search_navleft input{width:419px;height:38px;padding: 0 10px;border:0;outline:none;float:left;-webkit-box-sizing: border-box;box-sizing: border-box;}
.search_navright{float:right;width:100px;line-height:40px;text-align:center;border-radius:2px;}
.search_navright input{background: url(img/btn-search-white.png) no-repeat 10px center #40aba5;color:#fff;font-size:16px; text-indent:1.2em; outline:none; cursor:pointer;width:100%;border:0;height:40px; line-height: 36px;}
.search_navright input:hover{background-color:#19bd9b;}
.select-box{position:relative;width: 110px;height:40px;float:left;border: 1px solid #d7dcde; margin: 0 10px; border-radius: 2px; }
.select-box.max { width: 150px; }
.select-box span{height:38px; overflow:hidden; cursor:pointer;color:#bdc3c7;font-size:14px;display:block;line-height:38px;padding-left:17px;padding-right:30px;background-color: #fff; }
.select-box span.on {color:#34495e;}
.select-box .icon-down{position:absolute;color:#19bd9b;top:0;right:10px;line-height:40px;font-size:12px;}
.select-option{padding:5px 0;background:#fff;border:#d7dcde 1px solid;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;position:absolute; top:38px;left:-1px;right:-1px; z-index:10;}
.select-option a{height:40px;padding:0 10px; overflow:hidden;line-height:40px;display:block;background:#fff;font-size:14px;color:#7f8c8d;}
.select-option a.on{background:#ecf0f1;}
.select-option a:hover{background:#ecf0f1; transition:all 0.3s;}
.select-box + .space { float: left; height: 20px; margin: 10px 15px; border-left: 1px solid #d7dcde; }
.select-box-ser {width:99px; min-width: 99px; height: 38px; border: none; border-right:1px solid #b8c4ce;border-radius: 0;margin: 0;}
.select-box-ser span { padding-left: 10px; }
.select-box-ser .select-option a { height: 40px; line-height: 40px; font-size: 14px; }

.search-hot{line-height:40px;font-size: 14px; color: #999;}
.search-hot a{ margin: 0 4px; color: #666;}
.search-hot a:hover{ color: #19bd9b;}

.search-tab{
    margin-top: 100px;
    background: #f0f7f9;
    border-bottom: 1px solid #eee;
}
.search-tab a{
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    position: relative;
    color: #333;
}
.search-tab a:hover:before,.search-tab a.on:before{
    content: "";
    width: 0;
    height: 0;
    border-right:10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom:10px solid #fff;
    position: absolute;
    bottom:-1px;
    left:50%;
    margin-left: -10px;
}
.search-tab a:hover,.search-tab a.on{
    color: #3faba4;
}
.search-main{
    background: #fff;
    padding-bottom: 20px;
}
.search-info{
    padding: 10px;
    border-bottom: 1px solid #eee;

}
.search-info a{ color: #333; padding: 0;}
.search-info .text-con{
    display: block;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-info a span{ color: #d9534f}
.search-info a:hover{ color: #40aba5;}
.search-info p{ color: #999;}
.search-info p a{ padding: 4px; color: #666; background: #fafafa;}
.search-info p a:hover{color: #40aba5;}

.pages{
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
}
.pages a{
    display: inline-block;
    padding: 4px 8px;
    margin: 0 4px;
    background: #f1f1f1;
    border: 1px solid #eee;
    color: #333;
}
.pages span,.pages a.normal{margin: 0 4px; color: #333; background: none; border: none;}
.pages a:hover,.pages a.on{ color: #fff; background: #40aba5;border: 1px solid #40aba5;}

.null-box{ background: url(img/null.jpg) no-repeat center  20px #fff; height: 560px;}
.null-box p{ padding: 470px 0 0; text-align: center; font-size: 18px; color: #999;}
.mart{ margin-top:240px;}

/*update 20160304*/
.search-n{ padding: 16px;}
.search-n .search-box { border-radius: 5px;}
.search-n .search-box input{ width: 314px; padding-left:12px;}
.search-n .search-box .btn{ background:url(img/btn-search-gray.png) no-repeat center center  #fff; }
.search-n .search-box .btn:hover{background:url(img/btn-search-green.png) no-repeat center center;}
.s-tab{ padding: 16px 0;}
.s-tab a{ display: inline-block; width: 100%; line-height: 40px; border-bottom: 2px solid #e8e8e8; text-align: center; font-size: 14px; color: #ccc; vertical-align: middle;}
.s-tab a:hover,.s-tab a.on{ border-bottom: 2px solid #47c4c5; color: #47c4c5;}
.s-tab a i{ display: inline-block; width:24px; height:24px; background:url(img/ico-tab.png) no-repeat; vertical-align: middle;}
.s-tab a i.ico-all{ background-position: 0 0;}
.s-tab a:hover i.ico-all,.s-tab a.on i.ico-all{ background-position: 0 -24px;}
.s-tab a i.ico-task{ background-position: 0 -48px;}
.s-tab a:hover i.ico-task,.s-tab a.on i.ico-task{ background-position: 0 -72px;}
.s-tab a i.ico-im{ background-position: 0 -96px;}
.s-tab a:hover i.ico-im,.s-tab a.on i.ico-im{ background-position: 0 -120px;}
.search-after:after{
    content: "";
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-top:5px solid #3faba4;
    border-right:5px solid transparent;
    position:absolute;
    top:51px;
    right:50%;
    margin-right: -4px;
    display: none;
}
.nav li.active .search-after:after{ display: block;}
.s-undefined{ background:url(img/undefined.jpg) no-repeat center center; padding:180px 0 0; text-align: center; font-size: 14px; color: #999;}
.s-undefined span{ color: #ef473a}